<template>
  <div class="card">
    <el-card v-for="(item, index) in list" :index="item.index" :key="item.id" shadow="hover">

      <div>
        <el-row>
          <el-col :span="4">
            <span><strong>id: </strong>{{item.strategyId}}</span>
          </el-col>
          <el-col :span="3">
            <span><strong>类型: </strong>{{item.type}}</span>
          </el-col>
          <el-col :span="5">
            <span><strong>用户级别: </strong>{{item.customerLevel}}</span>
          </el-col>
          <el-col :span="6">
            <span><strong>折扣: </strong>{{item.discount}}(元)</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 15px">
          <el-col :span="24">
            <span><strong>代金券: </strong>{{item.voucherAmount}}</span>
          </el-col>
        </el-row>
      </div>

    </el-card>
  </div>
</template>

<script>
import { ReceiptApproval} from "@/network/finance";

export default {
  name: "PromotionList",
  props: {
    list: Array,
    type: Number,
  },
  data() {
    return {
      showAll: [],
    }
  },
  mounted() {
    this.showAll = new Array(this.list.length).fill(false)
  },

  methods: {

  }

}

</script>

<style lang="scss" scoped>
.card {
  width: 80%;
  margin: 0 auto;
  .button {
    float: right;
    padding: 3px 0
  }
}
.el-card {
  margin-bottom: 20px;
  background: #EEF7F2;
}
</style>